<template>
		 <view class="apsh">
				<view class="mask" ref="mask">
		     	<view class="u-demo-block">
		     		<view class="u-demo-block__content">
		     			<view class="u-page__tag-item">
		     				<u-search
		     					v-model="keyword"
		     					@change="change"
								:show-action="false"
		     				></u-search>
							<view class="chock" @click="$store.commit('SearchMutations',false)">
								关闭
							</view>
		     			</view>
		     		</view>
		     	</view>
		 	</view>
		</view>
</template>

<script>
	export default {
		name:"myshowSearch",
		data() {
			return {
				keyword:""
			};
		},
		methods:{
			change(e){
				
			}
		},
		mounted() {
		  },
	}
</script>

<style lang="scss">
.mask{
  width: 100%;
  height: 100vh;
  opacity: 1;
  background-color: black;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 998;
}
	.u-demo-block{
		padding: 20rpx;
		background-color: white;
		.u-page__tag-item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			u-search{
				width: 80%;
			}
			
		}
	}
</style>